<html>
    <head>
        <link href="css/bootstrap.css" rel="stylesheet" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.form.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" src="js/guarda.js"></script>
    </head>

<body>
    
    <div class="container" style="padding: 150px">
        <div id="output"><div>
            <div class="hero-unit">
                <form  id="crokisForm" action="php/upload_file.php" enctype="multipart/form-data" method="post" > 
                     <input type="file" name="file" id="crokis"><br>
                     <img id="imgCrokis" src='' alt="imagen" height="100px" width="200px">
                     <input type='text' name= 'shortDescription' />
                     <button id="botonCarga" type="button" class="btn btn-primary" name="submit" value="Guardar">
                </form>
            </div>

    </div>


</body>
</html>